html,
body {
  height: 100%;
}
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lt-layout {
  max-width: 640px;
  min-width: 320px;
  // border: 1px solid red;
  margin: 0 auto;
  height: 100%;
  position: relative;
  padding: 45px 0 50px 0;
}

// 头部
.lt-header {
  height: 45px;
  background: #006699;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 45px;
  text-align: center;
  line-height: 45px;
  .he-house,
  .he-seek {
    position: absolute;
    top: 0;
    width: 45px;
    height: 100%;
    // background: burlywood;
    a {
      color: #ffffff;
    }
  }
  .he-house {
    left: 0;
  }
  .he-seek {
    right: 0;
  }
  .he-txt {
    // background: lime;
    height: 100%;
    color: #ffffff;
  }
}

// 主体
.lt-main {
  height: 100%;
  background: #ffffff;
  position: relative;
  .lt-nav {
    padding: 10px;
    ul {
      li {
        width: 33.33%;
        float: left;
        a {
          img {
            width: 100%;
            display: block;
          }
        }
      }
    }
  }
  .lt-article {
    padding: 20px 10px 0 10px;
    ul {
      li {
        width: 49%;
        text-align: center;
        border: 1px solid #ccc;
        padding: 10px;
        float: left;
        margin-bottom: 10px;
        a {
          img {
            width: 130px;
            height: 130px;
          }
          .price {
            color: red;
          }
          .cost {
            text-decoration: line-through;
          }
          button {
            background: #007aff;
            color: #ffffff;
          }
        }
        &:nth-child(even) {
          float: right;
        }
      }
    }
  }
}

// 底部
.lt-footer {
  height: 50px;
  background: #006699;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  ul {
    li {
      width: 25%;
      float: left;
      text-align: center;
      padding-top: 5px;
      a {
        color: #ffffff;
        p {
          color: #ffffff;
          margin-bottom: 0;
        }
      }
    }
    li.stick {
      a {
        color: orange;
        p {
          color: orange;
        }
      }
    }
  }
}
